<template>
  <div class="header">
    <div class="IntroduceInfo"></div>
    <div class="userIcon">
      <svg class="icon" aria-hidden="true" style="height: 0.5rem;width: 0.5rem">
        <use xlink:href="#icon-zu"></use>
      </svg>
    </div>

  </div>
  <div style="display: flex;align-items: end;padding-left: 2.8rem;padding-top: 2rem">
    <svg class="icon" aria-hidden="true" style="height: 0.5rem;width: 0.5rem">
      <use xlink:href="#icon-bofangzhong"></use>
    </svg>
    <div style="font-size: 0.2rem;padding-left: 0.1rem">正在加载....</div>
  </div>
</template>
<script>
export default {
  name: "Loading",
  components:{
  }
}
</script>
<style scoped>
.header{
  display: flex;
  padding-left: 0.4rem;
  padding-top: 1rem;
}
.IntroduceInfo{
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgb(0,0,0,0.2);
  border-radius: 0.2rem;
}
.userIcon{
  padding-top: 0.8rem;
  padding-left: 0.2rem;
}
</style>